<%@ page contentType="text/html;charset=UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--导入JSTL函数库--%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生登录注册界面</title>

    <link rel="stylesheet" href="${base}/asserts/css/style.css">
</head>
<body>
<%--在用户名和密码错误时，点击登录按钮可以看到表单的摇晃效果。</p>&ndash;%&gt;--%>
<div id="wrapper" class="login-page">
    <div id="login_form" class="form">

        <!--			登录-->
        <form id="login-form">
            <input type="text" name="name" placeholder="用户名" id="name"
                   required/>
            <input type="password" name="password" placeholder="密码" id="password"
                   required/>
            <input type="submit" class="ui-button" id="login" value="登　录"/>

        </form>

        <span id="loginHint" style="color: #ff0000">
            <p>${sessionScope.message1}</p>
            <p>${message1}</p>
            <p>${session.message1}</p>
        <c:if test="${session.message1 == 1}">请先登录</c:if>
    </span>
    </div>
</div>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script charset="UTF-8" src="${base}/asserts/js/script.js"></script>
<script type="text/javascript">
    var base = "${base}";
</script>
</body>
</html>